<style scoped>

</style>

<template>
    <div>
    <el-row>
    <el-table
    stripe
    height="530px"
      :data="tableData"
      style="width:100%">
      <el-table-column
        prop="Num"
        label="序号"
        width="100">
      </el-table-column>
      <el-table-column
        prop="name"
        label="标题(title)"
        width="300">
      </el-table-column>
      <el-table-column
        prop="address"
        label="所属分类"
        width="200">
      </el-table-column>

      
      <el-table-column label="操作">
      <template slot-scope="scope">
        <el-button
          size="mini"
          type="primary"
          @click="handleDelete(scope.$index, scope.row)">编辑</el-button>
        <el-button
          size="mini"
          type="danger"
          @click="handleDelete(scope.$index, scope.row)">删除</el-button>
          <el-button
          size="mini"
          type="warning"
          @click="handleDelete(scope.$index, scope.row)">上移</el-button>
          <el-button
          size="mini"
          type="warning"
          @click="handleDelete(scope.$index, scope.row)">下移</el-button>
      </template>
      </el-table-column>
    </el-table>
 </el-row>
    <el-row>
      <el-pagination
        background
        layout="prev, pager, next"
        :total="100">
      </el-pagination>
    </el-row>

</div>
</template>


<script>
//import instance from "../api";

export default {
 
 data() {
      return {
        tableData: [{
          Num: '1',
          name: '王小虎',
          address: '1级别分类'
        }, {
          Num: '2',
          name: '王小虎',
          address: '2级别分类'
        }, {
          Num: '3',
          name: '王小虎',
          address: '2级别分类'
        }, {
          Num: '4',
          name: '王小虎',
          address: '2级别分类'
        }]
      }

    },
     methods: {
      handleEdit(index, row) {
        //console.log(index, row);
      },
      handleDelete(index, row) {
        //console.log(index, row);
      }
    } 
}
</script>